<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="/用户界面/css/修改用户信息.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3062245_ckvln0007tq.css">
    <link rel="stylesheet" href="/用户界面/css/默认设置.css">
    <title>Document</title>
</head>
<body>
    <div class="main-right-top">
        账号绑定
        <span>
            完成
            <b>3/4</b>
        </span>
    </div>

    <div class="line2"></div>

    <div class="main-right-main">
        <div class="itemBox">
            <div class="left">
                    <i class="iconfont icon-youjian"></i>
            </div>
            <div class="center">
                <p>
                    <span class="font1">邮箱</span>
                    <span class="font2">未绑定（绑定邮箱可得一积分）</span>
                </p>
                <p class="font3">可用邮箱加密码登录慕课网，可用邮箱找回密码</p>
            </div>
            <div class="right">
                <a href="#">立即绑定</a>
            </div>
        </div>

        <div class="itemBox">
            <div class="left">
                    <i class="iconfont icon-shouji_o"></i>
            </div>
            <div class="center">
                <p>
                    <span class="font1">手机</span>
                    <span class="font2">176******61</span>
                </p>
                <p class="font3">可用手机号加密码登录慕课网，可通过手机号找回密码 <a href="#">无法绑定</a></p>
            </div>
            <div class="right">
                <a href="#">操作</a>
            </div>
        </div>

        <div class="itemBox">
            <div class="left">
                    <i class="iconfont icon-anquan"></i>
            </div>
            <div class="center">
                <p>
                    <span class="font1">密码</span>
                </p>
                <p class="font3">用于保护账号信息和登录安全</p>
            </div>
            <div class="right">
                <a href="#">重设</a>
            </div>
        </div>

        <div class="itemBox c">
            <div class="left">
                    <i class="iconfont icon-chat"></i>
            </div>
            <div class="center">
                <p>
                    <span class="font1">社交账号</span>
                </p>
                <p class="font3">绑定第三方账号，可以直接登录，还可以将内容同步到以下平台，与更多好友分享</p>
            </div>
            <div class="right">
            </div>
        </div>
    </div>

</body>
</html>